<!DOCTYPE html>
<html>
<head>
		<meta charset="UTF-8">
		<title>设置登录密码</title>
		<meta http-equiv="Window-target" content="_top">
		<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-title" content="标题"/>
		<link rel="apple-touch-icon-precomposed" href="png"/>
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="png"/>	
		<script src="../../js/flexible.debug.js"></script>
		<script src="../../js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="../../css/Lo_set_password.css" />
	</head>
<body>
	<header>
		<!-- 返回 -->
		<img class="Lo_set_back" src="../../imgs/return.png">
		<p>设置</p>

	</header>

	<main>
		<section>
			<article class="phone">
				<span>手机号</span>
				<input type="text" placeholder="请输入手机号">
			</article>

			<article class="code">
				<span>验证码</span>
				<input type="text" placeholder="请输入验证码">
			<!-- 获取验证码 -->
				<p class="time">获取验证码</p>
			</article>

		</section>

		<section class="Next">
				<p>收不到短信 ？试试<span>语音验证码</span></p>
				<div>下一步</div>
		</section>


	</main>



	<script type="text/javascript" src='../../js/jquery.js'></script>
	<script type="text/javascript">

		

		// 返回
		$('.Lo_set_back').click(function(){
			 history.back();
		});
		//获取验证码
		$('.time').click(function(){
			var i = 60;
			
		var time =	setInterval(function(){			
				i--;
				$('.time').text(i + 'S');
				if( i === 0){
					clearInterval(time);
					return $('.time').text('获取验证码');
				}
					
			},1000);
			
		});

		
		

		//history.back();
	</script>
</body>
</html>